<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="nav">
        <div class="container">
            <img src="./images/logo.jpg" alt="">
            <ul class="logo">
                <li>HOME</li>
                <li>ABOUT</li>
                <li>PROTFOLIO</li>
                <li>SERVICE</li>
                <li>NEWS</li>
                <li style="margin: 0;">CONTACT</li>
            </ul>
        </div>

    </div>
    <div class="banner">
        <div class="container">
            <img src="./images/banner.jpg" alt="">
        </div>
    </div>

    <div class="phone">
        <div class="container">
            <div class="top">
                <div class="hr">
                    <hr>
                    <li class="radius"></li>
                </div>
                <li style="margin-right: 28px;">服务范围</li>
                <li class="radius"></li>
                <div class="hr2">
                    <hr>
                    <li class="radius2"></li>
                </div>
            </div>
            <div class="middle">
                <li>OUR&nbsp; SERVICES</li>
            </div>
            <div class="bottom">

                <ul class="circle">
                    <li>
                        <div class="radius">
                            <i class="iconfont icon-shoujidiannao"></i>
                        </div>
                        <h2 class="new1">1.WEB DESIGN</h2>
                        <p class="new2">企业品牌网站设计/手机网站制作
                            动画网站创意设计</p>
                    </li>
                    <li>
                        <div class="radius">
                            <i class="iconfont icon-guanggao"></i>
                        </div>
                        <h2 class="new1">1.WEB DESIGN</h2>
                        <p class="new2">企业品牌网站设计/手机网站制作
                            动画网站创意设计</p>
                    </li>
                    <li>
                        <div class="radius">
                            <i class="iconfont icon-gouwu"></i>
                        </div>
                        <h2 class="new1">1.WEB DESIGN</h2>
                        <p class="new2">企业品牌网站设计/手机网站制作
                            动画网站创意设计</p>
                    </li>
                    <li style="margin-right: 0;">
                        <div class="radius">
                            <i class="iconfont icon-disanfangshejiaopingtai"></i>
                        </div>
                        <h2 class="new1">1.WEB DESIGN</h2>
                        <p class="new2">企业品牌网站设计/手机网站制作
                            动画网站创意设计</p>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="kehu">
        <div class="container">
            <div class="top">
                <div class="hr">
                    <hr>
                    <li class="radius"></li>
                </div>
                <li style="margin-right: 25px;float:left;font-size:  20px;color: #66c5b4;">{&nbsp;客户案例&nbsp;}</li>

                <div class="hr2">
                    <hr>
                    <li class="radius2"></li>
                </div>
            </div>
            <div class="middle">
                <li>With the best professional technology, to design the best innovative web site</li>
            </div>
            <div class="bottom">
                <ul class="imgs">
                    <li><img src="./images/kehu1.jpg" alt=""></li>
                    <li><img src="./images/kehu2.jpg" alt=""></li>
                    <li><img src="./images/kehu3.jpg" alt="" style="margin-right: 0;"></li>

                </ul>
            </div>
            <div class="foot">
                VIEW &nbsp;MORE
            </div>
        </div>
    </div>
    <div class="new">
        <div class="container">
            <div class="top">
                <div class="hr">
                    <hr>
                    <li class="radius"></li>
                </div>
                <li style="margin-right: 25px;float:left;font-size:  20px;color: #66c5b4;">最新资讯</li>

                <div class="hr2">
                    <hr>
                    <li class="radius2"></li>
                </div>
            </div>
            <div class="middle">
                <li>TEH LATEST NEWS</li>
            </div>
            <div class="bottom">
                <img src="./images/new.png" alt="">

                <div class="news">
                    <div class="inner">
                        <div class="data">
                            <h1 class="n1">09</h1>
                            <p class="n2">Jan</p>
                        </div>
                        <h2 class="data1">网站排名进入前三的技巧说明</h2>
                        <p class="data2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎
                            首页，更不用说进首页前三了。那么网站优...</p>
                    </div>
                    <div class="inner">
                        <div class="data">
                            <h1 class="n1">08</h1>
                            <p class="n2">Jan</p>
                        </div>
                        <h2 class="data1">flash网站制作的优缺点</h2>
                        <p class="data2">虽然HTML5程序语言出现，大有逐渐代替Flash网站制作的意味，但是过于生硬的HTML5动画效果，始终...</p>
                    </div>
                    <div class="inner">
                        <div class="data">
                            <h1 class="n1">07</h1>
                            <p class="n2">Jan</p>
                        </div>
                        <h2 class="data1">做个网站多少钱？</h2>
                        <p class="data2">“做个网站多少钱？”很多客户打电话过来直接第一句就抛出来的问题。这好比买辆车多少钱，你是要...</p>
                    </div>
                    <div class="inner">
                        <div class="data">
                            <h1 class="n1">06</h1>
                            <p class="n2">Jan</p>
                        </div>
                        <h2 class="data1">哪些网站优化手法属于网站过度优化</h2>
                        <p class="data2">大部分人都想让自己的网站，一夜之间出现在搜索引擎首页，独占鳌头。但是事实告诉我们罗马不是一...</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="about">
        Copyright 2006- 2014 Bowenshangmei Culture All Rights Reserved
    </div>
</body>

</html>